<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--ios相关设置-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title>美淘首页</title>
    <meta name="description" content="美淘是中国最大的正品运动鞋、皮鞋网上专卖。乐淘网经营的品牌包括耐克、阿迪达斯、李宁、匡威等国内外知名品牌的篮球鞋,板鞋,休闲鞋,跑步鞋,帆布...">
    <meta name="Keywords" content="美淘 乐淘鞋城 买鞋子 上乐淘 运动鞋 篮球鞋 帆布鞋 跑步鞋 男鞋 女鞋 足球鞋 休闲鞋 凉鞋 户外鞋 布洛克 高跟鞋 单鞋 豆豆鞋 乐福鞋 牛津鞋 凉拖 皮鞋 短靴 长靴 登山鞋 徒步鞋 硫化鞋 训练鞋 溯溪鞋 越野鞋 板鞋 足球鞋 网球鞋 赛车鞋 雪地靴 马丁靴 商务 英伦">
    <link rel="stylesheet" href="res/mui/css/mui.min.css">
    <link rel="stylesheet" href="res/fa/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="mt_container">
    <!--顶部通栏-->
    <header class="mt_topBar">
        <!--<a href="javascript:;" class="mt_topBar_back"><span class="fa fa-arrow-left"></span></a>-->
        <h1>美淘云购</h1>
        <a href="search.html" class="mt_topBar_search"><span class="fa fa-search"></span></a>
    </header>
    <div class="mt_content">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <!--轮播图-->
                <div class="mt_banner mui-slider">
                    <div class="mui-slider-group  mui-slider-loop">
                        <div class="mui-slider-item mui-slider-item-duplicate">
                            <a href="javascript:;"><img src="images/banner6.png" alt=""></a>
                        </div>
                        <div class="mui-slider-item">
                            <a href="javascript:;"><img src="images/banner1.png" alt=""></a>
                        </div>
                        <div class="mui-slider-item">
                            <a href="javascript:;"><img src="images/banner2.png" alt=""></a>
                        </div>
                        <div class="mui-slider-item">
                            <a href="javascript:;"><img src="images/banner3.png" alt=""></a>
                        </div>
                        <div class="mui-slider-item">
                            <a href="javascript:;"><img src="images/banner4.png" alt=""></a>
                        </div>
                        <div class="mui-slider-item">
                            <a href="javascript:;"><img src="images/banner5.png" alt=""></a>
                        </div>
                        <div class="mui-slider-item">
                            <a href="javascript:;"><img src="images/banner6.png" alt=""></a>
                        </div>
                        <div class="mui-slider-item mui-slider-item-duplicate">
                            <a href="javascript:;"><img src="images/banner1.png" alt=""></a>
                        </div>
                    </div>
                    <div class="mui-slider-indicator">
                        <div class="mui-indicator mui-active"></div>
                        <div class="mui-indicator"></div>
                        <div class="mui-indicator"></div>
                        <div class="mui-indicator"></div>
                        <div class="mui-indicator"></div>
                        <div class="mui-indicator"></div>
                    </div>
                </div>

                <!--导航栏-->

                <nav class="mt_nav  mui-clearfix">
                    <ul><li><a href="javascript:;"><img src="images/nav1.png" alt=""></a></li></ul>
                    <ul><li><a href="javascript:;"><img src="images/nav2.png" alt=""></a></li></ul>
                    <ul><li><a href="javascript:;"><img src="images/nav3.png" alt=""></a></li></ul>
                    <ul><li><a href="javascript:;"><img src="images/nav4.png" alt=""></a></li></ul>
                    <ul><li><a href="javascript:;"><img src="images/nav5.png" alt=""></a></li></ul>
                    <ul><li><a href="javascript:;"><img src="images/nav6.png" alt=""></a></li></ul>
                </nav>

                <!--活动栏-->

                <div class="mt_active  mui-clearfix">
                    <a href="javascript:;">
                        <img src="images/active1.png" alt="">
                        <img src="images/active2.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="images/active3.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="images/active4.png" alt="">
                        <img src="images/active5.png" alt="">
                    </a>
                </div>

                <!--品牌专区-->
                <div class="mt_brand mui-clearfix">
                    <img src="images/title0.png" alt="">
                    <a href="javascript:;"><img src="images/brand1.png" alt=""></a>
                    <a href="javascript:;"><img src="images/brand2.png" alt=""></a>
                    <a href="javascript:;"><img src="images/brand3.png" alt=""></a>
                    <a href="javascript:;"><img src="images/brand4.png" alt=""></a>
                    <a href="javascript:;"><img src="images/brand5.png" alt=""></a>
                    <a href="javascript:;"><img src="images/brand6.png" alt=""></a>
                    <a href="javascript:;"><img src="images/brand7.png" alt=""></a>
                    <a href="javascript:;"><img src="images/brand8.png" alt=""></a>
                </div>

                <!--运动生活-->

                <div class="mt_pro">
                    <img src="images/title1.png" alt="">
                    <div class="mt_pro_con mui-clearfix">
                        <a href="javascript:;" class="mt_pro_goods">
                            <img src="images/product.jpg" alt="">
                            <p class="mui-ellipsis-2">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                            <p><span>&yen;560</span><span>&yen;888</span></p>
                            <button>立即购买</button>
                        </a>
                        <a href="javascript:;" class="mt_pro_goods">
                            <img src="images/product.jpg" alt="">
                            <p class="mui-ellipsis-2">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                            <p><span>&yen;560</span><span>&yen;888</span></p>
                            <button>立即购买</button>
                        </a>
                        <a href="javascript:;" class="mt_pro_goods">
                            <img src="images/product.jpg" alt="">
                            <p class="mui-ellipsis-2">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                            <p><span>&yen;560</span><span>&yen;888</span></p>
                            <button>立即购买</button>
                        </a>
                        <a href="javascript:;" class="mt_pro_goods">
                            <img src="images/product.jpg" alt="">
                            <p class="mui-ellipsis-2">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                            <p><span>&yen;560</span><span>&yen;888</span></p>
                            <button>立即购买</button>
                        </a>
                    </div>
                    <img src="images/title2.png" alt="">
                    <div class="mt_pro_con mui-clearfix">
                        <a href="javascript:;" class="mt_pro_goods">
                            <img src="images/product.jpg" alt="">
                            <p class="mui-ellipsis-2">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                            <p><span>&yen;560</span><span>&yen;888</span></p>
                            <button>立即购买</button>
                        </a>
                        <a href="javascript:;" class="mt_pro_goods">
                            <img src="images/product.jpg" alt="">
                            <p class="mui-ellipsis-2">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                            <p><span>&yen;560</span><span>&yen;888</span></p>
                            <button>立即购买</button>
                        </a>
                        <a href="javascript:;" class="mt_pro_goods">
                            <img src="images/product.jpg" alt="">
                            <p class="mui-ellipsis-2">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                            <p><span>&yen;560</span><span>&yen;888</span></p>
                            <button>立即购买</button>
                        </a>
                        <a href="javascript:;" class="mt_pro_goods">
                            <img src="images/product.jpg" alt="">
                            <p class="mui-ellipsis-2">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                            <p><span>&yen;560</span><span>&yen;888</span></p>
                            <button>立即购买</button>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部通栏-->
    <footer class="mt_footBar">
        <ul>
            <li  class="now"><a href="javascript:;"><span class="fa fa-home"></span><p>首页</p></a></li>
            <li><a href="category.html"><span class="fa fa-bars"></span><p>分类</p></a></li>
            <li><a href="user/cart.html"><span class="fa fa-shopping-cart"></span><p>购物车</p></a></li>
            <li><a href="user/index.html"><span class="fa fa-user"></span><p>会员中心</p></a></li>
        </ul>
    </footer>
</div>


<script src="res/mui/js/mui.min.js"></script>
<script src="res/zepto/zepto.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>